<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>商品详情页</title>
<link rel="stylesheet" type="text/css" href="css/publice.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link rel="stylesheet" href="css/swiper.min.css">
<script src="js/jquery-1.10.1.min.js" type="text/javascript"></script>
<script type="text/javascript">        
	fnResize();
	var evt = "onorientationchange" in window ? "orientationchange" : "resize";
	window.addEventListener("resize", function() {
	    fnResize()
	}, false);
	function fnResize(){
	    var docWidth = document.documentElement.clientWidth,
	            body = document.getElementsByTagName('html')[0];
	if(docWidth >= 750) docWidth = 749;
	body.style.fontSize = docWidth / 20 + 'px';
	}
</script> 
<script src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/jquery.js" ></script>
<script type="text/javascript" src="js/luokeke.js" ></script>
<script type="text/javascript" src="js/style.js" ></script>
<script type="text/javascript" >
	$(function() {
		$('.trdiv').each(function() {
			$.alerts.bindClick({
				add : $(this).find($(".button1")),
				reduce : $(this).find($(".button2")),
				qty_item : $(this).find($(".qty_item")),
				total : $(this).find($(".total")),
				price : parseFloat($(this).find(".qty_item").attr('price'))
			});
		});
	});
</script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js" ></script>
</head>
<body>
<div class="ts-wrap">
	<!--banner S-->
	<div class="swiper-containerA">
		<div class="swiper-wrapper" id="swiper-wrapper">
			<div class="swiper-slide"><a href=""><img src="temp/detal_banner.png"></a></div>
			<div class="swiper-slide"><a href=""><img src="temp/detal_banner.png"></a></div>
			<div class="swiper-slide"><a href=""><img src="temp/detal_banner.png"></a></div>
			<div class="swiper-slide"><a href=""><img src="temp/detal_banner.png"></a></div>
			<div class="swiper-slide"><a href=""><img src="temp/detal_banner.png"></a></div>
		</div> 
		<div class="swiper-paginationA"></div> 
	</div>
	<!--banner E-->
	<div class="detail_pro">
		<h2>18K金版Apple Watch苹果手表</h2>
		<p>本商品是VIP会员所选福粒换购商品：所有产品均为厂家直供品牌，全国联保、正品正货，请开心选择、放心使用。</p>
		<p class="text"><span>福粒扣：2800</span>市场价：￥3600.00<b>267 </b>人已兑换</p>
	</div>
	<!--数量购买-->
	<div class="quantity_purchase">
		<div class="trdiv">
			<label>数量购买：</label>
			<input class="button2 button" type="button" value=""/>
			<input  type="text" class="qty_item" value="2" />
			<input class="button1 button" type="button" value=""/>
		</div>
		<a href="#">福粒抵购</a>
	</div>
	<!--商品详情-->
	<div class="product_detali">
		<div class="slideTxtBox_product">
			<div class="hd">
				<ul><li>商品详情</li><li>商品咨询</li><li>商品评价</li></ul>
			</div>
			<div class="bd">
				<ul>
					<li>
						<img src="temp/product_pic1.png">
						<img src="temp/product_pic2.png">
						<img src="temp/product_pic3.png">
						<img src="temp/product_pic4.png">
						<img src="temp/product_pic5.png">
						<img src="temp/product_pic6.png">
					</li>
				</ul>
				<ul>
					<li>
						<img src="temp/product_pic2.png">
						<img src="temp/product_pic1.png">
						<img src="temp/product_pic3.png">
						<img src="temp/product_pic4.png">
						<img src="temp/product_pic5.png">
						<img src="temp/product_pic6.png">
					</li>
				</ul>
				<ul>
					<li>
						<img src="temp/product_pic3.png">
						<img src="temp/product_pic2.png">
						<img src="temp/product_pic1.png">
						<img src="temp/product_pic4.png">
						<img src="temp/product_pic5.png">
						<img src="temp/product_pic6.png">
					</li>
				</ul>
			</div>
		</div>
		<script type="text/javascript">jQuery(".slideTxtBox_product").slide();</script>
	</div>
		
	<!--固定底部 S-->
	<div class="ts-bottom-fix">
		<div class="ts-inner-wrap">
			<ul class="clearfix">
				<li class="normal"><a href="index.html"><i class="ico ind"></i><span>精选</span></a></li>
				<li class="normal"><a href="category_page.html" class="cur"><i class="ico show"></i><span>分类</span></a></li>
				<li class="normal mrl"><a href="apply_V.html"><i class="ico con"></i><span>申V</span></a></li>
				<li class="normal"><a href="personal.html"><i class="ico shop"></i><span>我的</span></a></li>
			</ul>
		</div>
	</div>
	<!--固定底部 E-->
</div>
</body>
</html>
<script type="text/javascript">
	var swiper = new Swiper('.swiper-containerA', {
	    pagination: '.swiper-paginationA',
	    paginationClickable: true,
	    spaceBetween: 30,
	});
</script>

